<template>
	<view>
		<view class="nowpriceNum">当前余额<image src="../../static/mychange.png" mode=""></image></view>
		<view class="nowNum">0<text style="font-size: 28rpx;">元</text></view>
		<view class="tixianWx" @click="makeMoney(1)" style="margin: 48rpx 54rpx 0 102rpx;">提现到微信</view>
		<view class="tixianWx" @click="makeMoney(2)">去赚钱</view>
		<uni-popup ref="popup" type="center">
			<view class="makeMoneyBox">
				<view class="makeMoneyDesc">满10元才能提现哦赶紧做任务赚钱吧</view>
				<view class="makeMoneyclick" @click="makeMoney(2)">去赚钱</view>
			</view>
			<view class="closeMakeMoneyBox" @click="closemakeMoney">
				<image src="../../static/close.png" mode=""></image>
			</view>
		</uni-popup>
		<view class="smallRecord">零钱记录</view>
		<view class="recordOneof">
			<view style="display: inline-block;">
				<view class="qiandao">签到</view>
				<view class="dateAndtime">2020.08.29 09:30</view>
			</view>
			<view class="moneyNum">+1.43</view>
		</view>
	</view>
</template>

<script>
	import uniPopup from '../../components/uni-popup/uni-popup.vue'
	import uniPopupMessage from '../../components/uni-popup/uni-popup-message.vue'
	import uniPopupDialog from '../../components/uni-popup/uni-popup-dialog.vue'
	export default {
		components: {
		        uniPopup,
		        uniPopupMessage,
		        uniPopupDialog
		    },
		data() {
			return {
				
			}
		},
		methods: {
			makeMoney(index){
				if(index == 1){
					this.$refs.popup.open();
				}else if(index == 2){
					uni.navigateTo({		//签到详情
					    url: '../second/CashCheck'
					});
				}
			},
			closemakeMoney(){
				this.$refs.popup.close()
			}
		}
	}
</script>

<style>
	.nowpriceNum{
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #000000;
		text-align: center;
		margin-top: 60rpx;
	}
	.nowpriceNum image{
		width: 26rpx;
		height: 26rpx;
		margin-left: 15rpx;
		vertical-align: middle;
	}
	.nowNum{
		font-size: 72rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #DFAF7F;
		margin-top: 40rpx;
		text-align: center;
	}
	.tixianWx{
		width: 264rpx;
		height: 58rpx;
		border: 1rpx solid #DFAF7F;
		border-radius: 29rpx;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #DFAF7F;
		line-height: 58rpx;
		text-align: center;
		/* margin: 0 auto; */
		margin-top: 48rpx;
		display: inline-block;
	}
	.smallRecord{
		height: 92rpx;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #000000;
		line-height: 92rpx;
		padding-left: 51rpx;
		border-bottom: 1rpx solid #E4E4E4;
		margin-top: 58rpx;
	}
	.recordOneof{
		height: 103rpx;
		font-family: PingFang SC;
		font-weight: 500;
		padding: 20rpx 0 20rpx 51rpx;
	}
	.qiandao{
		font-size: 26rpx;
		color: #000000;
	}
	.dateAndtime{
		font-size: 26rpx;
		color: #888888;
		margin-top: 28rpx;
	}
	.moneyNum{
		font-size: 36rpx;
		color: #DFAE7D;
		display: inline-block;
		float: right;
		margin-right: 51rpx;
		line-height: 113rpx;
	}
	.makeMoneyBox{
		width: 545rpx;
		height: 360rpx;
		background: #FFFFFF;
		border-radius: 30rpx;
		font-family: PingFang SC;
		font-weight: bold;
		text-align: center;
	}
	.makeMoneyDesc{
		width: 300rpx;
		font-size: 36rpx;
		color: #000000;
		line-height: 23px;
		margin: 0 auto;
		padding-top: 68rpx;
	}
	.makeMoneyclick{
		width: 205rpx;
		height: 69rpx;
		border: 1rpx solid #DFAF7F;
		border-radius: 34rpx;
		font-size: 30rpx;
		color: #DFAF7F;
		line-height: 69rpx;
		margin: 69rpx auto 0 auto;
	}
	.closeMakeMoneyBox image{
		width: 41rpx;
		height: 41rpx;
		margin: 25rpx auto 0 254rpx;
		text-align: center;
	}

</style>
